// 定义菜单数据
const menuItems = [
    { label: '首页', url: '/home' },
    { label: '关于我们', url: '/about' },
    { label: '服务', url: '/services' },
    { label: '联系我们', url: '/contact' }
];

function createMenuItem(item) {
    // 创建一个列表项
    const li = document.createElement('li');
    // 创建链接
    const a = document.createElement('a');
    a.href = item.url;
    a.textContent = item.label;
    // 将链接添加到列表项中
    li.appendChild(a);
    return li;
}

function populateMenu() {
    // 获取菜单容器
    const menuContainer = document.getElementById('menu');

    // 遍历菜单项并为每个菜单项创建一个列表元素
    menuItems.forEach(item => {
        const menuItem = createMenuItem(item);
        menuContainer.appendChild(menuItem);
    });
}

// 页面加载完成后调用 populateMenu 函数填充菜单
document.addEventListener('DOMContentLoaded', () => {
    populateMenu();
});